<!DOCTYPE HTML>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; » charset=UTF-8">

	<script src="datoteka.js"></script>
	<script type="text/javascript" src="datoteka.js"></script>

	<link rel="stylesheet" type="text/css" href="datoteka.css">
	<link rel="stylesheet" href="file.css">

	<title>Untitled Document</title>
</head>

<body>

<!--

	<h2><a href="link">Moje ime</a></h2>
	<p><a href="ling">Besedilo, besedilo, besedilo...</a></p>

	<a href="link">
		<h2>Moje ime</h2>
		<p>Besedilo, besedilo, besedilo...</p>
	</a>
	
	<audio src="Metallica.mp3" controls> </audio>
	<video controls width="360" height="240" » poster="placeholder.jpg"></video>
-->

				
Hej, I'm Top Shit
Download vCard

topshit.com
+23 56 896 5462
mail@topshit.com

About me
Portfolio
Social
Contact

Biography

Write a short introduction of yourself here. I could be something like a 27 year old designer from some country. My strenghts are front-end design and graphic design. Morbi tristi quesenec tus et netus et male suada fames ac turpis eges tas sagittis tempus lacus feugiat vitae.

Skill set

    HTML5 5
    CSS3 5
    Photoshop 5
    jQuery 4
    JavaScript 3
    PHP 2

Experience

    Web designer at Google Inc. 2009 →
    Designer at Microsoft Inc. 2006 — 2009
    Web developer at Apple Inc. 2002 — 2006


Date of Birth 1980-06-24
Nationality USA
ID 184 645


E-mail

I'd love to get some email to mail@doe.com. If you prefer you can also use the contact form below. You really should follow me on Twitter too.

Message
Name
Email address

Copyright © 2011 Dlabs.si






			</section>
			
			
				<div class="column">
					<h2>Skill set</h2>
					
					<ul class="skills">
					   <li>HTML5 <span class="stars s5">5</span></li>
					   <li>CSS3 <span class="stars s5">5</span></li>
					   <li>Photoshop <span class="stars s5">5</span></li>
					   <li>jQuery <span class="stars s4">4</span></li>
					   <li>JavaScript <span class="stars s3">3</span></li>
					   <li>PHP <span class="stars s2">2</span></li>
					</ul>
				</div><!-- /column left -->
				
				<div class="column right">
					<h2>Experience</h2>
					
					<ul class="experience">
					   <li>Web designer at Google Inc. <span>2009 &rarr;</span></li>
					   <li>Designer at Microsoft Inc. <span>2006 &mdash; 2009</span></li>
					   <li>Web developer at Apple Inc. <span>2002 &mdash; 2006</span></li>
					</ul>
				</div><!-- /column right -->
				
				<dl>
					<dt>Date of Birth</dt>
					<dd>1980-06-24</dd>

					<dt>Nationality</dt>
					<dd>USA</dd>

					<dt>ID</dt>
					<dd>184 645</dd>
				</dl>
			</div><!-- /about -->
			
			<div id="portfolio" class="ui-tabs-hide">
				<div id="slides">
					<div class="slides_container">
						<div class="slide">
							<h2>The greatest work of mine</h2>
							
							<img src="img/portfolio-1.jpg" width="400" height="180" alt="" />
							
							<div class="column">
								<h3>About the project</h3>
								
								<p>Here you can showcase the work you are most proud of. Donec eu libero sit quam egestas semper. Morbi tristi quesenec tus et netus et male suada fames ac turpis eges tas. On the right side you can list the techniques, programs etc. used in the project.</p>
							</div><!-- /column left -->
							
							<div class="column right">
								<ul class="tags">
								   <li>Concept</li>
								   <li>Design</li>
								   <li>Photoshop</li>
								   <li>Modeling</li>
								</ul>
							
								<a href="#" class="button">Launch website.com</a>
							</div><!-- /column right -->
						</div><!-- /slide -->

						<div class="slide">
							<h2>Project Number Two</h2>
							
							<img src="img/portfolio-2.jpg" width="400" height="180" alt="" />
							
							<div class="column">
								<h3>About the project</h3>
								
								<p>Donec eu libero sit quam egestas semper. Morbi tristi quesenec tus et netus et male suada fames ac turpis eges tas. Vesti bulum tortor quam, <em>sagittis tempus lacus</em> feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
							</div><!-- /column left -->
							
							<div class="column right">
								<ul class="tags">
								   <li>Design</li>
								   <li>Photoshop</li>
								   <li>Illustator</li>
								</ul>
							
								<a href="#" class="button">Launch website.com</a>
							</div><!-- /column right -->
						</div><!-- /slide -->
						
						<div class="slide">
							<h2>And another great project</h2>
							
							<img src="img/portfolio-3.jpg" width="400" height="180" alt="" />
							
							<div class="column">
								<h3>About the project</h3>
								
								<p>Quisque sit amet est et sapien ullamcorper pharetra. Commodo vitae, ornare sit amet, wisi. Eros ipsum rutrum orci, enim ac dui. Donec non enim in turpis pulvinar facilisis.</p>
							</div><!-- /column left -->
							
							<div class="column right">
								<ul class="tags">
								   <li>HTML5</li>
								   <li>CSS3</li>
								   <li>Photoshop</li>
								   <li>PHP</li>
								</ul>
							
								<a href="#" class="button">Launch business.com</a>
							</div><!-- /column right -->
						</div><!-- /slide -->
					</div><!-- /slides_container -->
				</div><!-- /slides -->
			</div><!-- /portfolio -->
			
			<div id="social" class="ui-tabs-hide">
				<h2>Social</h2>
				
				<div class="column">
					<ul class="social">
						<li><a href="#" class="twitter">Twitter <span>twitter.com/username</span></a></li>
						<li><a href="#" class="skype">Skype <span>skype.com/username</span></a></li>
						<li><a href="#" class="vimeo">Vimeo <span>vimeo.com/username</span></a></li>
						<li><a href="#" class="facebook">Facebook <span>facebook.com/username</span></a></li>
						<li><a href="#" class="dribbble">Dribbble <span>dribbble.com/username</span></a></li>
						<li><a href="#" class="flickr">Flickr <span>flickr.com/username</span></a></li>
					</ul>
				</div><!-- /column left -->
		
				<div class="column right">
					
					<ul class="social">
						<li><a href="#" class="myspace">MySpace <span>myspace.com/username</span></a></li>
						<li><a href="#" class="linkedin">LinkedIn <span>linkedin.com/username</span></a></li>
						<!--<li><a href="#" class="google">Google <span>google.com/username</span></a></li>
						<li><a href="#" class="blogger">Blogger <span>blogger.com/username</span></a></li>
						<li><a href="#" class="youtube">YouTube <span>youtube.com/username</span></a></li>
						<li><a href="#" class="rss">RSS <span>jennydoe.com/feed</span></a></li>-->
					</ul>
					
					<div id="tweet"><p><img src="img/spinner.gif" alt="" /> Please wait while my latest tweet loads&hellip;</p></div>
				</div><!-- /column right -->
			</div><!-- /social -->
			
			<div id="contact" class="ui-tabs-hide">
				<h2>E-mail</h2>
					
				<p>I&rsquo;d love to get some email to <a href="mailto:mail@doe.com">mail@doe.com</a>. If you prefer you can also use the contact form below. You really should <a href="">follow me on Twitter</a> too.</p>
				
				<form action="sendmail.php" method="post" class="cmxform">
					<label>Message</label>
					<textarea name="message" cols="56" rows="6" class="message required"></textarea>
					
					<div>
						<label>Name</label>
						<input name="name" type="text" size="26" class="name required" />
					</div>
					
					<div>
						<label>Email address</label>
						<input name="email" type="text" size="26" class="email required" />
					</div>
					
					<button type="submit" name="send">Send your message</button>
				</form>
			</div><!-- /contact -->
		</div><!-- /main -->

		<footer>
			<p>Copyright &copy; 2011 Jenny Doe</p>
		</footer>
	</div><!-- /wrapper -->
	
</body>

</html>
